.searchBar{
  display: flex;
  // justify-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 28rpx 20rpx 22rpx;
  // height: 100rpx;
  // background: #ff6700;
  .img{
	  width: 20px;
	  height: 20px;
  }
  .searBar-box{
    display: inline-block;
    width: 65%;
    height: 60rpx;
    // margin-top: 26rpx;
    border-radius: 40rpx;
    background: #e8e8e8;
   align-items: center;
   display: flex;
   padding-left: 45px;
   image{
	   position: absolute;
	   left: 17%;
	   // top: 40rpx;
	   width: 35rpx;
	   height: 35rpx;
   }
  }
}
// hr{
// 	color: #F0F0F0;
// }
.record{
	display: flex;
	justify-content: space-between;
	 align-items: center;
	 padding: 20rpx 28rpx 20rpx 22rpx;
	 image{
		 width: 20px;
		 height: 20px;
	 }
	 text{
		 font-size: 16px;
	 }
}
.box2{
	margin-top: 50px;
	.box{
		display: flex;
		justify-content: space-between;
		 align-items: center;
		  padding: 10px 15px 10px 10px;
		 .box-1{
			 display: flex;
			 align-items: center;
			 image{
			 width: 15px;
			 height: 15px;
			 margin-right: 10px;
			 // border: 1rpx solid red;
			 }
		 }
	}
	 .box22{
			 width: 300px;
			 // width: 100%;
			 display: flex;
			 justify-content:space-between;
			 flex-wrap: wrap;
			 margin-left: 10px;
			 // border: 1rpx solid red;
			 view{
				 width: 150px;
				  display: flex;
				  // justify-content: center;
				  align-items: center;
				  margin-top: 15px;
			 }
		 }
}
 .box2-2{
		 		 width: 300px;
		 		 // width: 100%;
		 		 display: flex;
		 		 justify-content:space-between;
		 		 flex-wrap: wrap;
		 		 margin-left: 10px;
		 		 // border: 1rpx solid red;
		 		 view{
		 			 width: 100px;
		 			  display: flex;
		 			  // justify-content: center;
		 			  align-items: center;
		 			  margin-top: 15px;
		 		 }
				 
		 	 }